<!doctype html>
<html>
<head>
    <title>端子信息</title>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'easyui/easyui.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'easyui/icon.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'webview.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'webview_terminal.css')}" type="text/css">
    <g:javascript src="jquery.js"/>
    <g:javascript src="jquery.easyui.min.js"/>
    <g:javascript src="easyui-lang-zh_CN.js"/>
    <g:javascript src="port_m.js"/>
    <script>
    $(function(){
        DisplayPortInfo(${terminalJson})  ;
    })
    </script>
</head>
<body>

<div id="PortInfo_m">
    <table width="100%">
        <tr><td colspan="4" class="title">基本信息</td></tr>
        <tr><th align="right" width="20%">编码:</th><td width="30%"><div id="code"></div></td><th align="right" width="20%">AB面:</th><td><div id="district" width="30%"></div></td></tr>
        <tr><th align="right">机框号:</th><td><div id="jk"></div></td><th align="right">盘符:</th><td><div id="letter"></div></td></tr>
        <tr><th align="right">端子号:</th><td><div id="letterNumber"></div></td><th align="right">状态:</th><td><div id="status"></div></td></tr>
        <tr><th align="right">是否开通:</th><td><div id="opening"></div></td><th align="right">光缆段名称:</th><td><div id="segmentName"></div></td></tr>
        <tr><th align="right">光蕊序号:</th><td><div id="opticalNumber"></div></td><th align="right">盘属性:</th><td><div id="backboneWiring"></div></td></tr>
        <tr><th align="right">备注:</th><td colspan="3"><div id="description"></div></td></tr>


        <tr><td colspan="4" class="title">跳接关系</td></tr>
        <tr><th colspan="4" align="left">主干：</th></tr>
        <tr><td colspan="4">
            <table width="100%" id="table_zg">
                <tr><th align="right" width="20%">端子编码:</th><td colspan="3"><div id="ZG_code"></div></td></tr>
                <tr><td width="20%" colspan="4"><div id="ZG_Add"></div></td></tr>
            </table>
        </td></tr>

        <tr><th colspan="4" align="left">分光器：</th></tr>
        <tr><td colspan="4">
            <table width="100%">
                <tr><th align="right" width="20%">有无分光:</th><td colspan="3"><div id="splitter"></div></td></tr>
                <tr id="tr_splitter"><th align="right" width="20%">分光器型号:</th><td width="30%"><div id="splitterModel"></div></td><th align="right" width="20%">分光比:</th><td width="30%"><div id="splitRatio"></div></td></tr>
            </table>
        </td></tr>

        <tr><th colspan="4" align="left">配线：</th></tr>
        <tr><td colspan="4"><div id="PX_info"></div></td></tr>
    </table>
    <div style="margin:10px 0;">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="okaysoft.showUser('${terminal?.number}')">查看用户</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="okaysoft.showTerminalRouter('${terminal?.number}')">查看光路</a>
    </div>
</div>

</body>
</html>